<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <base href="<%=basePath%>">
    <title>Complex Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="style/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="style/css/icon.css">
    <link rel="stylesheet" type="text/css" href="style/css/demo.css">
    <script type="text/javascript" src="style/js/jquery.min.js"></script>
    <script type="text/javascript" src="style/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="style/js/my.js"></script>
    <script type="text/javascript">
    $(function(){
     $('#tt').tree({
          //tree会自动ajax后台获取json格式数据(需要自己后台拼接)  
          url:'<%=basePath%>admin/group_funTree.action', 
          onClick:function(node){
                    if (node.attributes && node.attributes.url) {//存在href配置
                        var exists = $('#tb').tabs('exists', node.text); //判断是否存在tab，不存在添加，存在则选取这个tab
                        $('#tb').tabs(exists ? 'select' : 'add', exists ? node.text : { title: node.text, href: node.attributes.url, closable: true });
                    }
          }
     });
    });
    </script>
    </head>
    <body>

    	<div class="easyui-layout" fit="true" style="width:auto;height:600px;">
    		
    		<div data-options="region:'north'" style="height:50px;background:#D1EEEE;color:#7171C6">
                <span style="width:100%; display:block; line-height:42px; overflow:visible; font-size:22px;"><img style="margin: 6px 6px 6px 9px" src="style\css\icons\logo.png" width="40" height="32" align="absmiddle"> 大巡访微信终端管理系统</span>
            </div>
            
            
    		<div data-options="region:'south',split:true" style="text-align:center;height:30px;background:#D1EEEE;color:#000000">
            <span style="font-size:12px;line-height:25px;">&copy;梧州学院-四叶风行</span>
            </div>
            
            
            
    		<div data-options="region:'west',split:true" title="功能列表" style="width:200px;">

    			<div class="easyui-accordion" data-options="fit:true,border:false">

                     <ul id="tt" class="easyui-tree" data-options="method:'get',animate:true,lines:true"></ul>

    			</div>

    		</div>


    		<div data-options="region:'center',title:'',iconCls:'icon-ok'">
    			<div id="tb" class="easyui-tabs" data-options="fit:true,border:false,plain:true">

    			</div>
    		</div>
    	</div>
    </body>
    </html>